<template>
    <div class='right'>
        <index-header></index-header>
        <div class='position'>
            <!-- <sec-left ></sec-left> -->
            <div class='container'>
                <h1 class='title'>
                    <i class='el-icon-warning'></i>
                    <span>活动页面</span>
                </h1>
                <div class='container-body'>
                    <div class="float">
                        <product-form></product-form>  
                    </div>
                    <div class="float">
                        <gifts-table></gifts-table>
                    </div>
                    <div class="float">
                         <h1 class='title'>
                            <i class='el-icon-warning'></i>
                            <span>页面展示</span>
                        </h1>
                        <active-show></active-show>
                    </div>
                    
                </div>
                
                   
            </div>
        </div>
        
        
    </div>
</template>


<script>
import IndexLeft from 'index/components/Left'
import IndexHeader from 'index/components/Header'
import SecLeft from 'index/wechat/components/SecLeft'
import ProductForm from './components/Form'
import GiftsTable from './components/GiftsTable'
import ActiveShow from './components/ActiveShow'


export default{
    name:'ProductType',
    
    components:{
        IndexHeader,
        IndexLeft,
        SecLeft,
        ProductForm,
        GiftsTable,
        ActiveShow
    },
    data (){
        return {
            productName:'',
        }
    }
}
</script>

<style lang="stylus" scoped>
@import '~styles/varibles.styl'
.right
    float left
    width 90%
    
    .position
        // position relative
       
        .container
            float right
            width $rightContainer
            overflow hidden
            background white
            border-radius 10px
            // margin-top 10px
            // margin-right 16px
            .title
                font-size 18px
                width 98%
                margin 1%
                border-bottom 1px solid #eef1f5
                padding-bottom 20px
                .el-icon-warning
                    color #409EFF
            .container-body
                margin:20px
                overflow hidden
                .float
                    width 30%
                    margin 0 1%
                    float left      
                
</style>
